import $ from './library/jquery.js';
import cookie from './library/cookie.js';
import querystring from './library/querystring.js';


$(function () {
    $('.list-group-l>a').on('mouseenter', function () {
        // 获得鼠标移动的 a 的索引
        let index = $('.list-group-l>a').index(this);
        // console.log(index);
        // 给索引对应的 菜单添加类名 让其显示
        $('.list-group-r>div').eq(index).addClass('disp').siblings().removeClass('disp');
    });
    // $('.list-group-l>a').on('mouseleave', function () {
    //     let index = $('.list-group-l>a').index(this);
    //     // console.log(index);
    //     $('.list-group-r>div').eq(index).removeClass('disp');
    // });
    $('.container-m').on('mouseleave', function () {
        // 当鼠标移出DIV 移除disp类名
        $('.list-group-r>div').removeClass('disp');
    });

});

$.ajax({
    type: "get",
    url: "../../interface/getdata.php",
    dataType: "json",
}).then(function(data) {
    console.log(data);
    let temp = '';
    data.forEach((elm, i) => {
        let descripe = JSON.parse(elm.descripe);
        temp += `<a href="../html/detail.html?item=${elm.id}" target="_blank">
        <img src="${descripe[0].src}" alt="${descripe[0].alt}">
    </a>`
    });
    
    $('.main2').html(temp);
    
}).catch(function(xhr) {
    console.log(xhr.status);
});